<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$template_dir = $this->baseurl.'/templates/'.$this->template.'/';
$user = JFactory::getUser();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<?php
	 unset($this->_scripts[$this->baseurl.'/media/system/js/mootools.js']);
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="<?php echo $template_dir;?>src/css/style-2.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $template_dir;?>src/css/reveal.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $template_dir;?>src/css/custom-form.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $template_dir;?>src/css/scrollbar.css"/>
<!--[if IE]>
<link href="<?php echo $template_dir;?>src/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 9]>
<link href="<?php echo $template_dir;?>src/css/ie9.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 9]>
<link href="<?php echo $template_dir;?>src/css/ie78.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $template_dir;?>src/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.easing.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.reveal.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.animate-colors.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.placeholder.min.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/custom-form-elements.js"></script>
<script type="text/javascript" src="<?php echo $template_dir;?>src/js/init.js"></script>

</head>
<body>
	<div class="container">
		<!--Begin header-->
        <div class="header clear-fix">
            <h2 class="logo"><a href="index.php">Danskcafe</a></h2>
            <img id="header-temp" src="<?php echo $template_dir;?>src/images/3punkter.png" alt="Sample" />
            <div class="navigation clear-fix">
            	<jdoc:include type="modules" name="menu" />
                <ul>
                <li>
                    	<a id="item-support" target="_blank" href="http://www.findsmiley.dk/KontrolRapport.aspx?id=100729985&akt=1&AktLbNr=100466652&Region=10">Support</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="frmLogin" class="reveal-modal prdDetail-div">
            <div class="formLogin-wrapper clear-fix">
                <h1>LOGIN</h1>
                <form action="index.php" method="post" name="loginForm" id="loginForm" >
                    <p>Email</p>
                    <input id="modlgn_username" type="text" name="username" class="login-input" />
                    <p>Password</p>
                    <input id="modlgn_passwd" type="password" name="passwd" class="login-input" />
                                        
                    <div id="formLogin-btn" class="clear-fix">
                        <a id="btnLogin" href="javascript:void(0);" onclick="jQuery('#loginForm').submit();">Login</a>
                        <input id="btnRemember" type="checkbox" name="remember" value="yes" alt="Remember Me" />
                        <label for="">Husk Login</label>
                    </div>			
                    <a id="forgotPass" href="index.php?option=com_user&view=reset">Glemt password</a>
                    <a id="btnRegister" href="index.php?option=com_user&view=register" >Opret dig som bruger</a>
                    <input type="hidden" name="option" value="com_user" />
                    <input type="hidden" name="task" value="login" />
                    <?php echo JHTML::_( 'form.token' ); ?>
                </form>
            </div>
             <a id="close-reveal-modal" class="close-reveal-modal"></a>
        </div>
        <!--End header-->
        
        <div class="content">
            <!--Begin slider-->
            <div class="slider clear-fix">
            	<jdoc:include type="modules" name="banner" />
            </div>
            <!--End slider-->
            <div class="hp-cnt-1 clear-fix">
                <div class="cnt-1-left">
                    <a id="hp-webshop" <?php if($user->get('guest') == 1) echo 'data-reveal-id="frmLogin"'; else echo 'href="index.php?option=com_ecommerce&view=intro&Itemid=15"';?>>Go to webshop</a>
                    <img src="<?php echo $template_dir;?>src/images/imgTemp-1.jpg" alt="Sample"/>
                </div>
                <div class="cnt-1-right">
                	<div style="display: none;">
                		<jdoc:include type="message" />
                    </div>
                    <jdoc:include type="component" />
                </div>
            </div>
            <div class="hp-cnt-2 clear-fix">
                <jdoc:include type="modules" name="bottom" />
            </div>
        </div>
        <!--Begin footer-->
        <div class="footer">
            <jdoc:include type="modules" name="footer" />
            <img id="imgCafe" src="<?php echo $template_dir;?>src/images/imgFooter.png" alt="Coffee" />
        </div>
        <!--End footer-->
    </div>
<style>
img{border: none;}
.bg_alert{ width:270px; height:115px; background:url(templates/cafe/bg_alert.png) no-repeat top left; margin:0px auto; padding:15px 0px 0px 83px; color:#000;}
.m35l{ margin-left:35px;}
</style>
<script type="text/javascript">
	jQuery(document).ready(function(cash) {

		if(jQuery("#system-message  ul li").html() != null) {
			$('#alert').html(jQuery("#system-message  ul li").html());
			$('#backoverlay').show();
			$('#show_popup').show();	  
		};
		close_popup=function(){		
			var fel=$('#f_focus').html();
			$('#backoverlay').hide();
			$('#show_popup').hide();
			$('#' + fel ).focus();
		};
	});
</script>
<div class="bg_alert" id="show_popup" style="display:none; position: fixed; top: 35%; left: 50%; z-index:10001; margin-left:-140px;">
<span id="f_focus" style="display:none;"></span>
<!--<div style="padding: 3px 20px 10px 15px; min-height: 60px; font-size: 11px; margin: 0; " id="alert"></div>  --> <div style="margin:0; padding-top:12px; padding-right: 15px; min-height:60px; font-size: 12px;" id="alert"></div>
<div style="padding-left: 40px;"><a href="javascript:void(0);" onclick="close_popup();"><img src="templates/cafe/bt_luk1.png" alt="" /></a></div>
</div>
<div style="display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;z-index:10000;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);" id="backoverlay"></div>
</body>
</html>